.main {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.main :deep(.el-tabs__header) {
  margin: 0;
  padding: 12px 0;
  padding-right: 1px;
  background-color: #fff;
}

.main :deep(.el-tabs__header) .is-left {
  text-align: left;
}

.main :deep(.el-tabs__header) .el-tabs__nav .el-tabs__item {
  color: #000;
  border: none;
}

.main :deep(.el-tabs__header) .el-tabs__nav .el-tabs__item::before {
  content: '';
  width: 3px;
  height: 40px;
  position: absolute;
  left: 2px;
  background-color: #007cff;
  opacity: 0;
}

.main :deep(.el-tabs__header) .el-tabs__nav .el-tabs__item:hover {
  color: #007cff;
}

.main :deep(.el-tabs__header) .el-tabs__nav .is-active {
  color: #007cff;
  background: #EAEFF8;
}

.main :deep(.el-tabs__header) .el-tabs__nav .is-active::before {
  content: '';
  opacity: 1;
  transition: all 0.5s;
}

.main .demo-tabs {
  display: flex;
  flex: 1;
}

.main .demo-tabs :deep(.el-tabs__content) {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 12px;
}

.main .demo-tabs :deep(.el-tabs__content) .el-tab-pane {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.main .demo-tabs :deep(.el-tabs__content) .el-tab-pane .table {
  margin-top: 10px;
  flex: 1;
  position: relative;
}

.other-card {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.other-card :deep(.other-tabs) {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
}

.other-card :deep(.other-tabs) .el-tabs__header {
  padding: 0 !important;
}

.other-card :deep(.other-tabs) .el-tabs__header .el-tabs__nav .el-tabs__item {
  color: #000;
  border: none;
}

.other-card :deep(.other-tabs) .el-tabs__header .el-tabs__nav .el-tabs__item:hover {
  color: #007cff;
}

.other-card :deep(.other-tabs) .el-tabs__header .el-tabs__nav .is-active {
  background: none !important;
}

.other-card :deep(.other-tabs) .el-tabs__header .el-tabs__nav .is-active::before {
  display: none;
}

.other-card :deep(.other-tabs) .el-tabs__content {
  padding: 0 !important;
  margin: 10px 0  0 !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.other-card :deep(.other-tabs) .el-tabs__content .el-tab-pane {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.other-card :deep(.other-tabs) .el-tabs__content .el-tab-pane .table {
  margin-top: 10px;
  flex: 1;
  position: relative;
}

.set {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.set .btns {
  margin-top: 10px;
}

.set .form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  flex: 1;
  margin: 15px 0;
}

.set .form .form-item {
  margin-bottom: 15px;
}

.set .form .form-item .bg_text {
  color: #999999;
}

.set .form .form-item .is-checked .bg_text {
  color: #007cff;
}

.set .form .tips {
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  color: #999999;
}

.set .form .bage {
  color: #fd991f;
  margin-bottom: 0;
}

.grade,
.type {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.grade .header,
.type .header {
  margin-top: 10px;
}

.grade .header .mr5,
.type .header .mr5 {
  margin-right: 5px;
}

.grade .header .btn,
.type .header .btn {
  display: flex;
  align-items: center;
}

.grade .header .btns .btn-change,
.type .header .btns .btn-change {
  display: flex;
  align-items: center;
}

.grade .header .search .input-width,
.type .header .search .input-width {
  width: 150px;
  margin-right: 5px;
}

.grade .table-grade,
.type .table-grade {
  margin: 10px 0;
  flex: 1;
  position: relative;
}

.field .header {
  margin-top: 10px;
}

.field .header p {
  padding: 5px 0;
  font-size: 12px;
  color: #999999;
}

.field .table-list {
  margin: 10px 0;
}

.field .table-emp {
  margin-top: 50px;
}

.my-header h3 {
  color: #000;
  font-size: 14px;
}

.add-dialog .form-text .form-item {
  margin-bottom: 18px;
}

.btn_save {
  width: 60px;
}

.btn_delete {
  width: 60px;
  color: #fff;
}

.btn_cancel {
  width: 60px;
}

.btn_cancel:hover {
  border: 1px solid #e5e5e5;
  color: #999;
  background-color: #e5e5e5;
}

.add-dialog2 .form-text .form-item {
  margin-bottom: 18px;
}

.add-dialog2 .form-text .form-item .el-radio {
  margin-right: 18px;
}

.add-dialog2 .form-text p {
  font-size: 12px;
  color: #999;
}

.add-dialog2 .form-text .tips {
  padding-left: 12px;
}

.add-dialog2 .form-text .tips .add {
  color: #007cff;
  cursor: pointer;
}

.add-dialog2 .form-text .list {
  padding: 0 5px;
  margin: 15px 0;
  max-height: 220px;
  overflow-y: auto;
  height: 100%;
}

.add-dialog2 .form-text .list .text-item {
  margin-bottom: 15px;
}

.add-dialog2 .form-text .list .text-item .num {
  width: 25px;
  text-align: center;
  font-size: 12px;
  margin-right: 12px;
}

.add-dialog2 .form-text .list .text-item .text-input {
  width: 385px;
}

.add-dialog2 .form-text .list .text-item .delete {
  margin-left: 15px;
  font-size: 12px;
  color: #f56c6c;
  cursor: pointer;
}

.add-dialog2 .form-text .list .text-item .el-form-item__error {
  left: 38px;
}

.el-tag.el-tag--success {
  --el-tag-text-color: #00c0c0;
  --el-tag-bg-color: #ebf6f6;
  --el-tag-border-color: #ebf6f6;
  --el-tag-hover-color: #00c0c0;
}

.el-tag.el-tag--info {
  --el-tag-border-color: var(--el-color-info-light-9);
}

.el-tag {
  --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--warning {
  --el-tag-border-color: var(--el-color-warning-light-9);
}
